<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>蜗牛拍卖系统</title>
<link rel="icon" href="favicon.ico" type="image/ico">
<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
<script src="https://cdn.staticfile.org/vue-router/2.7.0/vue-router.min.js"></script>
<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
<meta name="author" content="yinqi">
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/materialdesignicons.min.css" rel="stylesheet">
<link rel="stylesheet" href="../js/bootstrap-multitabs/multitabs.min.css">
<link href="../css/style.min.css" rel="stylesheet">
</head>
  
<body>
<div class="app">
  <div class="lyear-layout-container">
      <!--标头-->
    <div class="row" id="title"  >
        <!-- logo -->
        <div class="col-sm-5" id="title_img" >
            <img src="../images/logo.png" style="height: 120px;width: 240px;">
        </div>
        <!-- 头像 -->
        <div class="col-sm-2" style="text-align:center;">
            <img src="../images/head.jpg" style="border-radius: 60%;width: 40%;height: 40%;background-repeat: no-repeat;margin-top: 10px;">
        </div>
        <!-- 安全退出 -->
        <div class="col-sm-5" id="title_order">
            <ul id="title_ul1" style="position:absolute;right:40px;">
                <span><a href="../personinfo.html">首页</a></span>
                <span>|</span>
            </ul>
            <ul id="title_ul2" style="position:absolute;top:40px; right:40px;">
                <span>您好,<span id="account1"></span>,欢迎您来拍卖!</span>
                <span>[</span>
                <span><a href="../login.html" style="color: orange" @click="logout()">安全退出</a></span>
                <span>]</span>
            </ul>
        </div>
    </div>
    




    <!--左侧导航-->
    <aside class="lyear-layout-sidebar"style="margin-top: 120px;">
      
      <!-- logo -->
      <!-- <div id="logo" class="sidebar-header" >
        <a href="index.html">首页</a>
      </div> -->

      
      <div class="lyear-layout-sidebar-scroll" > 
        
        <nav class="sidebar-main">
          <ul class="nav nav-drawer">
            <li class="nav-item active"> <a class="multitabs" href="personinfo.html"><i class="mdi mdi-home"></i> <span>个人中心</span></a> </li>
            <li class="nav-item nav-item-has-subnav" shiro:hasAnyRoles name= "buyer,seller">
              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> <span>个人资料</span></a>
              <ul class="nav nav-subnav">
                <li> <a class="multitabs" href="../personinfo.html">个人信息</a> </li>
                <li> <a class="multitabs" href="../updateinfo.html">修改个人资料</a> </li>
                
              </ul>
            </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> <span>地址管理</span></a>
              <ul class="nav nav-subnav">
                <li> <a class="multitabs" href="../address.html">我的地址</a> </li>
              </ul>
              <ul class="nav nav-subnav">
                <li> <a class="multitabs" href="../addaddress.html">新增地址</a> </li>
              </ul>
            </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> <span>安全管理</span></a>
              <ul class="nav nav-subnav">
                <li> <a class="multitabs" href="../password.html">修改密码</a> </li>>
                <li> <a class="multitabs" href="../setsecurity.html">设置密保问题</a> </li>>
                <li> <a class="multitabs" href="../updatesecurity.html">修改密保</a> </li>>
                <li> <a class="multitabs" href="../security.html">找回密码</a> </li>>
              </ul>
            </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> <span>订单管理</span></a>
              <ul class="nav nav-subnav">
                <li shiro:hasRole="buyer"> <a class="multitabs" href="../order.html">我的订单</a> </li>
                <li shiro:hasRole="seller"> <a class="multitabs" href="../sellerorder.html">我的卖品</a> </li>
              </ul>
            </li>

            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> <span>我的竞拍 </span></a>
              <ul class="nav nav-subnav">
                <li  shiro:hasRole="buyer"> <a class="multitabs"  href="../auctioningNow.html">正在参与竞拍</a> </li>
                
                <li  shiro:hasRole="buyer"> <a class="multitabs" href="../salelog.html">出价记录</a> </li>
               
              </ul>
            </li>
            <li class="nav-item nav-item-has-subnav">
                <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> <span>收藏</span></a>
                <ul class="nav nav-subnav">
                  <li> <a class="multitabs" href="../lovegoods.html">我的收藏买</a> </li>
                  
                 
                </ul>
              </li>
              <li class="nav-item nav-item-has-subnav">
                <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> <span>消息</span></a>
                <ul class="nav nav-subnav" shiro:hasRole="seller">
                  <li> <a class="multitabs" href="../news.html" >我的消息</a> </li>
                </ul>
              </li>
              
              <li class="nav-item nav-item-has-subnav">
                <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> <span>拍卖</span></a>
                <ul class="nav nav-subnav">
                  <li shiro:hasRole="seller"> <a class="multitabs" href="../myAuction.html">我的拍卖</a> </li>
                  <li shiro:hasRole="buyer"> <a class="multitabs" href="../uploadGoods.html">搏一搏单车变摩托</a> </li>
                </ul>
              </li>
              
            
          </ul>
        </nav>
        
       
      </div>
      
    </aside>
    <!--End 左侧导航-->
    
    <!--头部信息-->
    
    <!--End 头部信息-->
    
    <!--页面主要内容-->
    <main class="lyear-layout-content">
      
      <div id="iframe-content"></div>
      
    </main>
    <!--End 页面主要内容-->
  </div>
</div>

<!-- <script type="text/javascript">

	



	new Vue({
		el:"#app",
		data:{
			aaa:''
		},
		mounted(){
			axios.get("/logout").then(res => {
				aaa= res.data;
				console.info(res);
				console.info("yijingzhuxiaole ");
				if(aaa==1){
					alert("您已经退出当前账号，请重新登录");
					 setTimeout(function (){
						 
						window.location.reload();
					},3000); 
				
				} 
				
			})
			}

	})
	




 
</script> -->




<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="../js/bootstrap-multitabs/multitabs.js"></script>
<script type="text/javascript" src="../js/index.min.js"></script>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
</body>
</html>